<!--用户输入最重要的iframe-->
<html>
    <head>
        <title>表单</title>
        <meta charset="UTF-8">

        <body bgcolor="#FFFF00" align="center">
            <h1><font color="black" size="20px" >用户属性填写</font></h1>
            <hr color="blue">
            <br><br><br><br><br><br>
            <!--
                form标签属性：
                name属性：表单的名称
                action属性：提交表单请求的路径
                method属性：提交表单的方式
                1、get：默认值
                2、post：相当于get来说是安全，因为用户post提交表单的参数再地址栏中看不到。
            -->
            <!--
                input标签的type属性：
                1.text;文本输入框。
                2.password:密码输入框。
                3.radio；单选按钮，name属性值必须保证是一致。
                4.checkbox:多选按钮，name属性值必须保持是一致。
                5.submit：提交按钮，该提交按钮默认提交当前所在的表单，使用submit按钮必须放在form表单里面，有效果；
                6.reset：重置按钮
                7.button:普通按钮
            -->
            <from name="userFrom" action="" method="get">
                用户名:
                    <input type="text" name="username"/>
                 <br><br>
                密&nbsp;&nbsp;码:
                    <input type="password" name="password"/>
                <br><br>
                性&nbsp;&nbsp;别:
                    <input type="radio" name="gender"/>男
                    <input type="radio" name="gender"/>女
                    <br><br>
                兴&nbsp;&nbsp;趣:
                    <input type="checkbox" name="interest" value="music"/>音乐
                    <input type="checkbox" name="interest" value="food"/>美食
                    <input type="checkbox" name="interest" value="sleep"/>睡觉
                    <input type="checkbox" name="interest" value="trave"/>旅游
                    <input type="checkbox" name="interest" value="play"/>玩耍
                    <input type="checkbox" name="interest" value="fight" checked/>打架
                <br><br>
                学&nbsp;&nbsp;历:
                    <select name="grade">
                        <option value="xx">小学</option>
                        <option value="gz">高中</option>
                        <option value="dx" selected>大学</option>
                        <option value="bs">博士</option>
                    </select>
                    <br><br>
                介&nbsp;&nbsp;绍:
                    <textarea name="introduce" cols="20" rows="10"></textarea>
                    <br><br>
                    <input type="submit" vale="注册"/>
                    <input type="reset" value="重置"/>
            </from>
            <input type="submit" vale="注册"/>
            <input type="button" value="重置"/>

        </body>
    </head>
</html>
